<template>
  <div>
    <!-- 使用图标 -->
    <el-icon @click="ck">
        <caret-left v-if="$store.state.navBool"/>
        <caret-right v-else/>
    </el-icon>
  </div>
</template>

<script lang="ts" setup>
// 引用图标
import { CaretRight,CaretLeft } from "@element-plus/icons-vue";
// 引用useStore
import { useStore } from "vuex";
// 得到store对象
const store = useStore();

let ck=()=>{
    // 触发mutations修改
    store.commit("SET_NAVBOOL")
}
</script>
<style lang="scss">
.el-header{
    line-height: 70px;//设置图标垂直居中
    .el-icon{
        font-size:20px;//设置图标大小
    }
}
</style>